<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>loading</title>
    <!-- jquery -->
    <link rel="prefetch" href="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js" as="script">
    <script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
    <!-- fancybox -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
    <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>
  </head>
  <body>
    <noscript>
      <link rel="stylesheet" href="https://unpkg.com/bootstrap@4.1.3/dist/css/bootstrap.min.css">
      <div class="container" style="position: relative;">
        <div class="text-center" style="position: relative; margin: 0 auto; top: 50vh; transform: translateY(-65%);">
          <h1 style="font-size: 12.5rem; font-weight:lighter;">JS</h1>
          <h4 style="font-weight: normal; color: #6c757d;">We're sorry but this site requires <strong style="color: #007bff;">JavaScript</strong> to function normally.</h4>
        </div>
      </div>
    </noscript>
    <div id="app">
      <script>document.write('<img src="\/img\/loading.gif" width="64" height="64" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">');</script>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
